<%--注册页面--%>
<%--
  Created by IntelliJ IDEA.
  User: tangms
  Date: 2022/4/2
  Time: 8:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<style>
    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }
    .rg_layout{
        width: 500px;
        height:700px;
        border: 8px solid #EEEEEE;
        /*background-color: white;*/
        /*让div水平居中*/
        margin: auto;
        padding: 15px;
        /*margin-top: 15px;*/
    }

    .rg_up{
        /*border: 1px solid red;*/
        border: 1px;
        float: left;
        margin-top: 125px;
        margin-bottom: 2px;
    }
    .rg_center{
        /*border: 1px red;*/
        border: 1px;
        width:452px ;
        /*height:*/
        /*float:left;*/
    }
    .rg_bottom{
        border: 1px;
        margin-top: 2px;
        float: right;
    }
    .p_reg{
        color: blue;
        font-size: 20px;
    }
    .p_reg2{
        color: grey;
        font-size: 15px;
    }
    .p_re3{
        font-size: 10px;
    }
    .p_re4{

    }

    .td_up{
        width: 80px;
        text-align: right;
        height: 40px;
    }
    .td_bottom{
        padding-left: 30px;
    }

    #usename,#password,#email,#name,#telephone,#birthday{
        width: 290px;
        height: 32px;
        border: 1px solid #A6A6A6;
        /*设置边框圆角*/
        border-radius: 5px;
        padding-left: 10px;
    }
    #btn_sub{
        width: 100px;
        height: 30px;
        background-color:lightskyblue;
        align-content: center;
        border: 1px solid lightskyblue;
    }
</style>
<body>
<div class="rg_layout">
    <div class="rg_up">
        <p class="p_reg">新用户注册</p>
        <p class="p_reg2">USER REGISTER</p>
        <br>
    </div>
    <div class="rg_center">
        <div class="rg_form">
            <!--定义表单form-->
            <form action="registServlet" method="post">

                <table>
                    <tr>
                        <td class="td_up"><label for="usename">用户名</label></td>
                        <td class="td_bottom"><input type="text" name="usename" id="usename" placeholder="请输入用户名"></td>
                    </tr>
                    <tr>
                        <td class="td_up"><label for="password">密码</label></td>
                        <td class="td_bottom"><input type="password" name="password" id="password" placeholder="请输入密码"></td>
                    </tr>
                    <tr>
                        <td class="td_up"><label for="telephone">手机号</label></td>
                        <td class="td_bottom"><input type="text" name="telephone" id="telephone" placeholder="请输入手机号"></td>
                    </tr>
                    <tr>
                        <td class="td_up"><label for="birthday">年龄</label></td>
                        <td class="td_bottom"><input type="text" name="birthday" id="birthday" placeholder="请输入年龄"></td>
                    </tr>
                    <tr>
                        <td class="td_up"><label >性别</label></td>
                        <td class="td_bottom"><input type="radio" name="gender" value="男"> 男
                            <input type="radio" name="gender" value="女" placeholder="请选择性别"> 女</td>
                    </tr>
                    <tr>
                        <td colspan="2" align="center"><input type="submit" id="btn_sub" value="注册"></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <br>
    <div class="rg_bottom">
        <p class="p_re3">已有账号?<a href="login.jap" class="p_re4">立即登录</a></p>
    </div>
</div>
</body>
</html>
